<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie ie7 lte9 lte8 lte7" lang="en-US"><![endif]-->
<!--[if IE 8]><html class="ie ie8 lte9 lte8" lang="en-US">	<![endif]-->
<!--[if IE 9]><html class="ie ie9 lte9" lang="en-US"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html class="noIE" lang="zh">
<!--<![endif]-->

<head>
    <title>关于我们</title>
    <link rel="icon" href="public/favicon.ico">
    <!-- meta -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no" />
    <script type="text/javascript">
        try {
            Typekit.load();
        } catch (e) {}
    </script>
    <!-- css -->
    <link rel="stylesheet" href="public/assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="public/assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="public/assets/css/style.css" media="screen" />
    <link rel="stylesheet" href="public/assets/css/templatemo_main.css">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="public/assets/js/html5shiv.js"></script>
    <script src="public/assets/js/respond.js"></script>
    <![endif]-->
    <!--[if IE 8]>
    <script src="public/assets/js/selectivizr.js"></script>

    <![endif]-->
</head>

<body>
<div id="drawer-right">
    <div class="cross text-right">
        <a class="toggleDrawer" href="#"><i class="fa fa-times-circle fa-2x"></i></a>
    </div>
    <div>
        <ul class="nav nav-pills nav-stacked" style="padding-left:20px">
            <br>
            <br>
            <h2>联系我们</h2>
            <br>
            <li><a href="https://github.com/1-xing" target="_blank"><i class="fa fa-github fa-1x"></i> 1-xing.com</a></li>
            <li><a href="http://user.qzone.qq.com/1272016071/" target="_blank"><i class="fa fa-qq fa-1x"></i> 1272016071</a></li>
            <li><a href="http://weibo.com/u/5208965212" target="_blank"><i class="fa fa-weibo fa-1x"></i> @益行游戏</a></li>
            <li><a href="http://mp.weixin.qq.com/s?__biz=MzA5OTA0MzgwNg==&mid=215581320&idx=1&sn=471cbd57b34683fc18213e9829648663#rd" target="_blank"><i class="fa fa-wechat fa-1x"></i> @whutyixingren</a></li>
        </ul>
        <div class="wechat">
            <img src="public/assets/images/1-xing-wechat.jpg" alt="益行游戏公众微信平台"></img>
            <br>
            <br>
            <h5><font color="#CCCCCC">微信公众平台</font></h5>
            <br>
            <h6>wo men ye ai ni yo</h6>
            <i class="fa fa-heart-o"></i>
        </div>
    </div>
</div>
<!-- #drawer-right -->
<div id="wrapper">
    <div id="header1" class="content-block">
        <section class="top clearfix" style="margin-left: 25px; margin-right: 25px">
            <div class="pull-left">
                <h2><a href="index.html"><i class="fa fa-home"></i></a></h2>
            </div>
            <div class="pull-right">
                <h3><a class="toggleDrawer" href="#"><i class="fa fa-heart"></i></a><h3>
            </div>
        </section>
    </div>
</div>

<div class="template-page-wrapper">
    <div id= aboutcompany class="navbar templatemo-sidebar">
        <ul  class="templatemo-sidebar-menu text-center">
            <li class="active"><a href="#">公司简介</a></li>
            <li><a href="aboutus.html">关于我们</a></li>
            <li><a href="contact.html">联系我们</a></li>
        </ul>
    </div>
</div>
<div class="templatemo-content-wrapper">
    <div class="templatemo-content">
        <ol class="breadcrumb">
            <li><a href="index.html">首页</a></li>
            <li class="active">公司简介</li>
        </ol>
        <h1 class="text-left" style="padding-top: 25px ;">公司简介</h1>
        <h6 class="page-header"></h6>
        <p>一个致力于创造精品游戏作品，宣导游戏即艺术的独立游戏公司。</p>
        <br/>
        <div class="row">
            <div class="col-md-5">
                <div class="company">
                    <img src="public/assets/images/header-logo.png" height="300" width="300"/>
                </div>
            </div>

            <div class="col-md-7">
                <div class="introduction" style="font-size: 22px">
                    <p class="text-left"> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp武汉逸行灵动科技有限公司成立于2014年5月7日，创始团队为武汉理工大学大学生。公司主营业务为：手机游戏开发、网页网站制作与设计、大型企业互联网外包项目、校园文化产品等。</p>
                    <br/>
                    <p class="text-left"> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp公司本着创造精品的原则，致力于打造出色的游戏作品，历经三年的发展，公司核心团队现已形成策划、美术、技术、音乐、人事、财务、行政、销售、运营俱全的独立游戏工作室，拥有独立开发大型手游的资质。同时，公司与一批优秀的兼职人员签订长期合作协议，保证外包项目的顺利开展。</p>
                </div>
            </div>
        </div>
    </div>
    <div class="content-block" id="footer">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <a href="about.html">
                        公司简介&nbsp &nbsp
                    </a > |
                    <a href="about.html">
                        &nbsp &nbsp 关于我们&nbsp &nbsp
                    </a>|
                    <a href="about.html">
                        &nbsp &nbsp联系我们
                    </a>
                </div>
            </div>
        </div>
        <br/>
        <div class="container">
            <div class="row">
                <div class="col-xs-12">&copy; 2014-2017&nbsp;&nbsp;武汉逸行灵动科技有限公司&nbsp;&nbsp;|&nbsp;&nbsp;鄂ICP备15000906号
                </div>
            </div>
        </div>
    </div>
    <!-- #footer -->
</div>
<!--/#wrapper-->
<!-- #java script-->
<script src="public/assets/js/jquery-2.1.3.min.js"></script>
<script src="public/assets/js/jquery-migrate-1.2.1.min.js"></script>
<script src="public/assets/js/bootstrap.min.js"></script>
<script src="public/assets/js/bootstrap.js"></script>
<script src="public/assets/js/jquery.actual.min.js"></script>
<script src="public/assets/js/jquery.scrollTo.min.js"></script>
<script src="public/assets/js/scrollReveal.js"></script>
<script src="public/assets/js/templatemo_script.js"></script>
<script src="public/assets/js/Chart.min.js"></script>
<script src="public/assets/js/script.js"></script>
<script type="text/javascript">
    // Line chart
    var randomScalingFactor = function(){ return Math.round(Math.random()*100)};
    var lineChartData = {
        labels : ["January","February","March","April","May","June","July"],
        datasets : [
            {
                label: "My First dataset",
                fillColor : "rgba(220,220,220,0.2)",
                strokeColor : "rgba(220,220,220,1)",
                pointColor : "rgba(220,220,220,1)",
                pointStrokeColor : "#fff",
                pointHighlightFill : "#fff",
                pointHighlightStroke : "rgba(220,220,220,1)",
                data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()]
            },
            {
                label: "My Second dataset",
                fillColor : "rgba(151,187,205,0.2)",
                strokeColor : "rgba(151,187,205,1)",
                pointColor : "rgba(151,187,205,1)",
                pointStrokeColor : "#fff",
                pointHighlightFill : "#fff",
                pointHighlightStroke : "rgba(151,187,205,1)",
                data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()]
            }
        ]

    }

    window.onload = function(){
        var ctx_line = document.getElementById("templatemo-line-chart").getContext("2d");
        window.myLine = new Chart(ctx_line).Line(lineChartData, {
            responsive: true
        });
    };

    $('#myTab a').click(function (e) {
        e.preventDefault();
        $(this).tab('show');
    });

    $('#loading-example-btn').click(function () {
        var btn = $(this);
        btn.button('loading');
        // $.ajax(...).always(function () {
        //   btn.button('reset');
        // });
    });
</script>
</body>

</html>
